@import './variables.scss';

.commhover {
  cursor: pointer;
}

.comm_link {
  color: #0368eb;
  text-decoration: underline;

  &:hover {
    text-decoration: underline;
  }
}

.flex {
  display: flex;
}

.flexcolumn {
  display: flex;
  flex-direction: column;
}

.aligncenter {
  align-items: center;
}

.flexcenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexrowbetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flexaround {
  justify-content: space-around;
}

.overflowtext {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.full_w {
  width: 100%;
}

// .el-table .fixed-width .el-button--mini{
//   margin:2px 3px;
// }

.redcolor {
  color: #F56C6C;
  margin-right: 4px;
}


.btn_textred {
  color: #E63737;
  // border-bottom:1px solid #E63737;
}

.btn_textyellow {
  color: #F5900C;
  // border-bottom:1px solid #F5900C;
}

.btn_textsucesss {
  color: #67c23a;
  // border-bottom:1px solid #0341EB;
}

.btn_textblue {
  color: #0341EB;
  // border-bottom:1px solid #0341EB;
}

.c_999 {
  color: #999;
}

.c_606 {
  color: #606266;
}

.f-13 {
  font-size: 13px;
}

.f-14 {
  font-size: 14px;
}

.whitebg {
  background-color: white;
}

.mr_10 {
  margin-right: 10px;
}

.mr_15 {
  margin-right: 15px;
}

.ml_20 {
  margin-left: 20px;
}

.ml_30 {
  margin-left: 30px;
}

.ml_44 {
  margin-left: 44px;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_10 {
  margin-top: 10px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_50 {
  margin-top: 50px;
}

.mt_100 {
  margin-top: 100px;
}

.mr_6 {
  margin-right: 6px;
}

.mr_10 {
  margin-right: 10px;
}


.mb_6 {
  margin-bottom: 6px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_50 {
  margin-bottom: 50px;
}

.m_20 {
  margin: 20px;
}

.m_15 {
  margin: 15px;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.m_10 {
  margin: 10px;
}

.m_15 {
  margin: 15px;
}

.mtb_15 {
  margin: 15px 0;
}

.p_20 {
  padding: 20px;
}

.p_15 {
  padding: 15px;
}

.p_10 {
  padding: 10px;
}

.pl_15 {
  padding-left: 15px;
}

// .flextoolbar{
//   padding:5px 15px 2px;
//   display: flex;
//   // align-items: flex-end;
//   justify-content: flex-end;
// }

// .resoucetab{
//   .el-tabs__item{
//     height: 32px;
//     line-height: 32px;
//   }
//   .el-tabs__header{
//     margin-bottom: 15px;
//   }
// }

// .y_scroll{
//   overflow-y: auto;
// }

// .mutiple_select{
//   .el-select__tags{
//     overflow: hidden;
//     &>span{
//       display: flex;
//     }
//   }
// }
// // 去掉日期时间组件中此刻按钮
// .el-picker-panel__footer .el-button--text.el-picker-panel__link-btn {
//   display: none;
// }

// table 表单元素的类名
.whitetable {
  .el-table__header-wrapper th,
  .el-table__fixed-header-wrapper th {
    background-color: white;
    font-family: Alibaba PuHuiTi-Medium, Alibaba PuHuiTi;
    font-weight: 700;
    color: #000000;
    // 表头的背景颜色
    background-color: #ebedf6;
    height: 48px;
    font-size: 13px;
  }
}

.el-button--primary {
  color: #FFFFFF;
  background-color: #1168EB;
  border-color: #1168EB;
}

.el-dialog__body {
  padding: 30px 20px 20px !important;
}

.dialog-userfooter {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.el-dialog__header {
  border-bottom: 1px solid #eee;
}

.deleteclass {
  max-width: 500px;
}


.el-button--primary {
  background-color: #DD8341;
  border-color: #DD8341;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background-color: #DD8341;
  border-color: #DD8341;
}

.mydrawercontent {
  .el-drawer__header span {
    font-size: 16px;
    font-weight: bold;
  }
}


.el-drawer__body {
  overflow-y: auto;
  overflow-x: hidden;

}